<style lang="scss" scoped>
.readbook-outer{height: 100%;}
.readbook-box{position: relative; width: 600px; margin: 40px auto; background: #faf7ed; padding: 10px 100px 45px; box-shadow: #e7e1ce 0 0 4px 2px ;font-size: 15px;}
.book-title{border-bottom: 1px solid #ccc;padding: 10px 0 14px 0;color: #999;}
.book-title span{float: right;color: #ccc;font-size: 12px;}
.readbook-text{
    height: 1000px;
    letter-spacing: 1px;
    line-height: 28px;
    overflow-x: auto;
    column-width: 500px;
    column-span:2;

    -moz-column-gap:40px;		/* Firefox */
    -webkit-column-gap:40px;	/* Safari 和 Chrome */
    column-gap:40px;
}
.hide-scroll{margin-top: -20px;width: 600px;height: 30px;background: #faf7ed;position: absolute;}
.readbook-dobox{position: absolute; right: -60px;top:40px; border: #e6e6e6 solid 1px; width: 48px; bacgkround: #f6f1e7;}
.rb-done{ cursor: pointer;font-size: 14px; color: #a899a0;text-align: center;padding: 12px 0;background: #f6f1e7;border-bottom: 1px solid #ccc;width: 50px;}
.narrow-right{padding: 30px 0;}
.rb-done i{font-weight: bold;color: #333;font-size: 16px;}
.narrow-left{padding: 30px 0;border-bottom: none;}

</style>

<template>

    <section class="readbook-outer" >
        <section class="readbook-box mt60">
            <div class="book-title">原序 <span>{{parseInt(readPercent)}}%</span></div>
            <div>
                <div class="readbook-text">
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                    黄金爱上的骄傲的金卡等级阿克苏积分卡房间卡礼服阿克苏积分萨克雷房间卡洛斯房间卡历史记录萨芬就撒昆仑决
                </div>
            </div>

            <div class="hide-scroll"></div>
            <ul class="readbook-dobox">
                <li class="rb-done"><i class="el-icon-menu"></i><br>目录</li>
                <li class="rb-done" @click="zoomIn"><i class="el-icon-zoom-in"></i><br>放大</li>
                <li class="rb-done" @click="zoomOut"><i class="el-icon-zoom-out"></i><br>缩小</li>
                <li class="rb-done narrow-right" @click="goRight"><i class="el-icon-arrow-right"></i></li>
                <li class="rb-done narrow-left" @click="goLeft"><i class="el-icon-arrow-left"></i></li>
            </ul>
        </section>
    </section>

</template>

<script>

import com from 'js/common.js'
import qs from 'qs'
var tBook,allWidth;
export default{
    data: function(){
        return {
            fontSize: 16,
            readPercent:0
        }
    },
    mixins: [mixinMethods],
    methods: {
        goRight(){
            if(tBook.scrollLeft>allWidth){
                this.$message.warning('已结是最后一页啦！')
            }else {
                tBook.scrollLeft +=640;
                this.readPercent = (tBook.scrollLeft/allWidth).toFixed(2)*100>100 ?100:(tBook.scrollLeft/allWidth).toFixed(2)*100;
            }
        },
        goLeft(){
            if(tBook.scrollLeft==0){
                this.$message.warning('已结是第一页啦！')
            }else {
                tBook.scrollLeft -=640;
                this.readPercent = (tBook.scrollLeft/allWidth).toFixed(2)*100>100 ?100:(tBook.scrollLeft/allWidth).toFixed(2)*100;
            }
        },
        zoomIn(){
            if(this.fontSize<24){
                this.fontSize+=2;
                if(this.fontSize>18){
                    tBook.style.lineHeight = 34 + 'px'
                }else {
                    tBook.style.lineHeight = 28 + 'px'
                }
                tBook.style.fontSize = this.fontSize+'px';
            }else {
                this.$message.warning('不能再放大啦！')
            }
            allWidth = tBook.scrollWidth -640;
        },
        zoomOut(){
            if(this.fontSize>10){
                this.fontSize-=2;
                if(this.fontSize<12){
                    tBook.style.lineHeight = 20 + 'px'
                }else {
                    tBook.style.lineHeight = 28 + 'px'
                }
                tBook.style.fontSize = this.fontSize+'px';
            }else {
                this.$message.warning('不能再缩小啦！')
            }
            allWidth = tBook.scrollWidth -640;
        }
    },
    beforeCreate: function(){
        com.setBg('#ede8d5');
    },
    mounted: function(){
        tBook = document.querySelector('.readbook-text');
        allWidth = tBook.scrollWidth -640;
    }
}


</script>